<!DOCTYPE html>



  


<html class="theme-next pisces use-motion" lang="zh-Hans">
<head>
  <meta charset="UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
<meta name="theme-color" content="#222">









<meta http-equiv="Cache-Control" content="no-transform" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
















  
  
  <link href="/blog/lib/fancybox/source/jquery.fancybox.css?v=2.1.5" rel="stylesheet" type="text/css" />







<link href="/blog/lib/font-awesome/css/font-awesome.min.css?v=4.6.2" rel="stylesheet" type="text/css" />

<link href="/blog/css/main.css?v=5.1.2" rel="stylesheet" type="text/css" />


  <meta name="keywords" content="编程,资源," />





  <link rel="alternate" href="/blog/atom.xml" title="东方无双" type="application/atom+xml" />




  <link rel="shortcut icon" type="image/x-icon" href="/blog/favicon.ico?v=5.1.2" />






<meta name="description" content="资源教程 前端资料大全            综合类                    前端知识体系            前端知识结构            Web前端开发大系概览            Web前端开发大系概览-中文版            Web Front-end Stack v2.2            En类资源汇总            免费的编程中文书籍索引">
<meta name="keywords" content="编程,资源">
<meta property="og:type" content="article">
<meta property="og:title" content="[转]--资源整合">
<meta property="og:url" content="http://yoursite.com/2017/10/02/转-资源整合/index.html">
<meta property="og:site_name" content="东方无双">
<meta property="og:description" content="资源教程 前端资料大全            综合类                    前端知识体系            前端知识结构            Web前端开发大系概览            Web前端开发大系概览-中文版            Web Front-end Stack v2.2            En类资源汇总            免费的编程中文书籍索引">
<meta property="og:locale" content="zh-Hans">
<meta property="og:updated_time" content="2017-10-01T17:08:47.000Z">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="[转]--资源整合">
<meta name="twitter:description" content="资源教程 前端资料大全            综合类                    前端知识体系            前端知识结构            Web前端开发大系概览            Web前端开发大系概览-中文版            Web Front-end Stack v2.2            En类资源汇总            免费的编程中文书籍索引">



<script type="text/javascript" id="hexo.configurations">
  var NexT = window.NexT || {};
  var CONFIG = {
    root: '/blog/',
    scheme: 'Pisces',
    version: '5.1.2',
    sidebar: {"position":"left","display":"post","offset":12,"offset_float":12,"b2t":false,"scrollpercent":false,"onmobile":false},
    fancybox: true,
    tabs: true,
    motion: {"enable":true,"async":false,"transition":{"post_block":"fadeIn","post_header":"slideDownIn","post_body":"slideDownIn","coll_header":"slideLeftIn"}},
    duoshuo: {
      userId: '0',
      author: '博主'
    },
    algolia: {
      applicationID: 'NO8XI81C6V',
      apiKey: '21a1e5defb2c17cc1e9ca4cf22a6dc19',
      indexName: 'chu_jian',
      hits: {"per_page":10},
      labels: {"input_placeholder":"Search for Posts","hits_empty":"We didn't find any results for the search: ${query}","hits_stats":"${hits} results found in ${time} ms"}
    }
  };
</script>



  <link rel="canonical" href="http://yoursite.com/2017/10/02/转-资源整合/"/>





  <title>[转]--资源整合 | 东方无双</title>
  








</head>

<body itemscope itemtype="http://schema.org/WebPage" lang="zh-Hans">

  
  
    
  

  <div class="container sidebar-position-left page-post-detail">
    <div class="headband"></div>

    <header id="header" class="header" itemscope itemtype="http://schema.org/WPHeader">
      <div class="header-inner"><div class="site-brand-wrapper">
  <div class="site-meta ">
    

    <div class="custom-logo-site-title">
      <a href="/blog/"  class="brand" rel="start">
        <span class="logo-line-before"><i></i></span>
        <span class="site-title">东方无双</span>
        <span class="logo-line-after"><i></i></span>
      </a>
    </div>
      
        <p class="site-subtitle"></p>
      
  </div>

  <div class="site-nav-toggle">
    <button>
      <span class="btn-bar"></span>
      <span class="btn-bar"></span>
      <span class="btn-bar"></span>
    </button>
  </div>
</div>

<nav class="site-nav">
  

  
    <ul id="menu" class="menu">
      
        
        <li class="menu-item menu-item-home">
          <a href="/blog/" rel="section">
            
              <i class="menu-item-icon fa fa-fw fa-home"></i> <br />
            
            首页
          </a>
        </li>
      
        
        <li class="menu-item menu-item-about">
          <a href="/blog/about/" rel="section">
            
              <i class="menu-item-icon fa fa-fw fa-user"></i> <br />
            
            关于
          </a>
        </li>
      
        
        <li class="menu-item menu-item-tags">
          <a href="/blog/tags/" rel="section">
            
              <i class="menu-item-icon fa fa-fw fa-tags"></i> <br />
            
            标签
          </a>
        </li>
      
        
        <li class="menu-item menu-item-categories">
          <a href="/blog/categories/" rel="section">
            
              <i class="menu-item-icon fa fa-fw fa-th"></i> <br />
            
            分类
          </a>
        </li>
      
        
        <li class="menu-item menu-item-archives">
          <a href="/blog/archives/" rel="section">
            
              <i class="menu-item-icon fa fa-fw fa-archive"></i> <br />
            
            归档
          </a>
        </li>
      

      
    </ul>
  

  
</nav>



 </div>
    </header>

    <main id="main" class="main">
      <div class="main-inner">
        <div class="content-wrap">
          <div id="content" class="content">
            

  <div id="posts" class="posts-expand">
    

  

  
  
  

  <article class="post post-type-normal" itemscope itemtype="http://schema.org/Article">
  
  
  
  <div class="post-block">
    <link itemprop="mainEntityOfPage" href="http://yoursite.com/blog/2017/10/02/转-资源整合/">

    <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
      <meta itemprop="name" content="无双的博客">
      <meta itemprop="description" content="">
      <meta itemprop="image" content="http://upload.jianshu.io/users/upload_avatars/201324/2bc50b2b47b3.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/120/h/120">
    </span>

    <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
      <meta itemprop="name" content="东方无双">
    </span>

    
      <header class="post-header">

        
        
          <h1 class="post-title" itemprop="name headline">[转]--资源整合</h1>
        

        <div class="post-meta">
          <span class="post-time">
            
              <span class="post-meta-item-icon">
                <i class="fa fa-calendar-o"></i>
              </span>
              
                <span class="post-meta-item-text">发表于</span>
              
              <time title="创建于" itemprop="dateCreated datePublished" datetime="2017-10-02T00:58:33+08:00">
                2017-10-02
              </time>
            

            

            
          </span>

          
            <span class="post-category" >
            
              <span class="post-meta-divider">|</span>
            
              <span class="post-meta-item-icon">
                <i class="fa fa-folder-o"></i>
              </span>
              
                <span class="post-meta-item-text">分类于</span>
              
              
                <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
                  <a href="/blog/categories/编程/" itemprop="url" rel="index">
                    <span itemprop="name">编程</span>
                  </a>
                </span>

                
                
              
            </span>
          

          
            
          

          
          

          

          

          

        </div>
      </header>
    

    
    
    
    <div class="post-body" itemprop="articleBody">

      
      

      
        <h3 id="资源教程-前端资料大全"><a href="#资源教程-前端资料大全" class="headerlink" title="资源教程 前端资料大全"></a>资源教程 前端资料大全</h3><ol><br>    <li><br>        <p>综合类</p><br>        <ul><br>            <li><a href="http://www.cnblogs.com/sb19871023/p/3894452.html" target="_blank" rel="external">前端知识体系</a></li><br>            <li><a href="https://github.com/JacksonTian/fks" target="_blank" rel="external">前端知识结构</a></li><br>            <li><a href="https://github.com/unruledboy/WebFrontEndStack" target="_blank" rel="external">Web前端开发大系概览</a></li><br>            <li><a href="http://www.cnblogs.com/unruledboy/p/WebFrontEndStack.html" target="_blank" rel="external">Web前端开发大系概览-中文版</a></li><br>            <li><a href="https://raw.githubusercontent.com/unruledboy/WebFrontEndStack/master/Web%20Front%20End%20Stack.png" target="_blank" rel="external">Web Front-end Stack v2.2</a></li><br>            <li><a href="https://github.com/sindresorhus/awesome" target="_blank" rel="external">En类资源汇总</a></li><br>            <li><a href="https://github.com/justjavac/free-programming-books-zh_CN" target="_blank" rel="external">免费的编程中文书籍索引</a></li><br>            <li><a href="https://github.com/dypsilon/frontend-dev-bookmarks" target="_blank" rel="external">前端书籍</a></li><br>            <li><a href="https://github.com/vhf/free-programming-books" target="_blank" rel="external">前端免费书籍大全</a></li><br>            <li><a href="https://github.com/justjavac/free-programming-books-zh_CN" target="_blank" rel="external">免费的编程中文书籍索引</a></li><br>            <li><a href="http://study.163.com/course/introduction/224014.htm" target="_blank" rel="external">智能社 - 精通JavaScript开发</a></li><br>            <li><a href="https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/A_re-introduction_to_JavaScript" target="_blank" rel="external">重新介绍 JavaScript（JS 教程）</a></li><br>            <li><a href="http://v.163.com/special/opencourse/bianchengdaolun.html" target="_blank" rel="external">麻省理工学院公开课：计算机科学及编程导论</a></li><br>            <li><a href="http://segmentfault.com/a/1190000002640298" target="_blank" rel="external">JavaScript中的this陷阱的最全收集–没有之一</a></li><br>            <li><a href="http://llh911001.gitbooks.io/mostly-adequate-guide-chinese/content/ch1.html" target="_blank" rel="external">JS函数式编程指南</a></li><br>            <li><a href="http://liubin.github.io/promises-book/" target="_blank" rel="external">JavaScript Promise迷你书（中文版）</a></li><br>            <li><a href="https://github.com/AlloyTeam/Mars" target="_blank" rel="external">腾讯移动Web前端知识库</a></li><br>            <li><a href="https://github.com/w3crange/Front-End-Develop-Guide" target="_blank" rel="external">Front-End-Develop-Guide 前端开发指南</a></li><br>            <li><a href="https://li-xinyang.gitbooks.io/frontend-notebook/content/" target="_blank" rel="external">前端开发笔记本</a></li><br>            <li><a href="https://github.com/nieweidong/fetool" target="_blank" rel="external">大前端工具集 - 聂微东</a></li><br>            <li><a href="https://dwqs.gitbooks.io/frontenddevhandbook/content/" target="_blank" rel="external">前端开发者手册</a></li><br>            <li><a href="http://www.kancloud.cn/kancloud/front-end-dev-handbook/75919" target="_blank" rel="external">前端开发者手册</a></li><br>            <li><a href="https://www.awesomes.cn/" target="_blank" rel="external">JavaScript 资源大全中文版</a></li><br>            <li><a href="https://github.com/jobbole/awesome-javascript-cn" target="_blank" rel="external">Awesomes - 前端资源库</a></li><br>        </ul><br>    </li><br>    <li><br>        <p>入门类</p><br>        <ul><br>            <li><a href="http://www.cnblogs.com/jikey/p/3613082.html" target="_blank" rel="external">前端入门教程</a></li><br>            <li><a href="http://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000" target="_blank" rel="external">瘳雪峰的Javascript教程</a></li><br>            <li><a href="http://www.imooc.com/view/11" target="_blank" rel="external">jQuery基础教程</a></li><br>            <li><a href="http://www.imooc.com/view/506" target="_blank" rel="external">前端工程师必备的PS技能——切图篇</a></li><br>            <li><a href="https://github.com/qiu-deqing/FE-learning" target="_blank" rel="external">结合个人经历总结的前端入门方法</a></li><br>        </ul><br>    </li><br>    <li><br>        <p>效果类</p><br>        <ul><br>            <li><a href="http://www.imooc.com/learn/58" target="_blank" rel="external">弹出层</a></li><br>            <li><a href="http://www.imooc.com/learn/18" target="_blank" rel="external">焦点图轮播特效</a></li><br>        </ul><br>    </li><br>    <li><br>        <p>工具类</p><br>        <ul><br>            <li><a href="http://www.imooc.com/learn/93" target="_blank" rel="external">css sprite 雪碧图制作</a></li><br>            <li><a href="http://www.imooc.com/learn/390" target="_blank" rel="external">版本控制入门 – 搬进 Github</a></li><br>            <li><a href="http://www.imooc.com/learn/30" target="_blank" rel="external">Grunt-beginner前端自动化工具</a></li><br>        </ul><br><br>    </li><br>    <li><br>        <p>慕课专题</p><br>        <ul><br>            <li><a href="http://www.imooc.com/space/teacher/id/197450" target="_blank" rel="external">张鑫旭 - 慕课系列</a></li><br>            <li><a href="http://www.imooc.com/space/teacher/id/104593" target="_blank" rel="external">lyn - 慕课系列</a></li><br>            <li><a href="http://www.imooc.com/space/teacher/id/290139" target="_blank" rel="external">艾伦 - 慕课系列</a></li><br>            <li><a href="http://www.imooc.com/view/494" target="_blank" rel="external">碧仔 - Hello，移动WEB</a></li><br>        </ul><br><br>    </li><br>    <li><br>        <p>周刊类</p><br>        <ul><br>            <li><a href="http://fex.baidu.com/weekly/" target="_blank" rel="external">百度FEX技术周刊</a></li><br>            <li><a href="https://github.com/PaicHyperionDev/MobileDevWeekly" target="_blank" rel="external">平安科技移动开发二队技术周报</a></li><br>            <li><a href="http://www.75team.com/weekly/" target="_blank" rel="external">360奇舞周刊</a></li><br>        </ul><br><br>    </li><br></ol><br>####api资源相关<br><div class="view-body think-editor-content"><br>    <h4 id="1-">1. 总目录</h4><br>    <ol><br>        <li><br>            <p>开发中心</p><br>            <ul><br>                <li><a href="https://developer.mozilla.org/zh-CN/docs/Web/JavaScript" target="_blank" rel="external">mozilla js参考</a></li><br>                <li><a href="http://developer.chrome.com/extensions/api_index.html" target="_blank" rel="external">chrome开发中心（chrome的内核已转向blink）</a></li><br>                <li><a href="https://developer.apple.com/library/safari/navigation" target="_blank" rel="external">safari开发中心</a></li><br>                <li><a href="">http://msdn.microsoft.com/zh-cn/library/d1et7k7c(v=vs.94</a>).aspx”&gt;microsoft js参考</li><br>                <li><a href="http://sanshi.me/articles/JavaScript-Garden-CN/html/index.html" target="_blank" rel="external">js秘密花园</a></li><br>                <li><a href="http://bonsaiden.github.io/JavaScript-Garden/zh/" target="_blank" rel="external">js秘密花园</a></li><br>                <li><a href="http://www.w3help.org/" target="_blank" rel="external">w3help</a> 综合Bug集合网站</li><br>            </ul><br>        </li><br>        <li><br>            <p>综合搜索</p><br>            <ul><br>                <li><a href="http://www.javascripting.com/" target="_blank" rel="external">javascripting</a></li><br>                <li><a href="http://microjs.com/" target="_blank" rel="external">各种流行库搜索</a></li><br>            </ul><br>        </li><br>        <li><br>            <p>综合API</p><br>            <ul><br>                <li><a href="http://www.runoob.com/" target="_blank" rel="external">runoob.com-包含各种API集合</a></li><br>                <li><a href="http://tool.oschina.net/apidocs" target="_blank" rel="external">开源中国在线API文档合集</a></li><br>                <li><a href="http://devdocs.io/" target="_blank" rel="external">devdocs</a> 英文综合API网站</li><br>            </ul><br><br>        </li><br>    </ol><br>    <h4 id="2-jquery">2. jQuery</h4><br>    <ul><br>        <li><a href="http://jquery.bootcss.com/" target="_blank" rel="external">jQuery API 中文文档</a></li><br>        <li><a href="http://hemin.cn/jq/" target="_blank" rel="external">hemin 在线版</a></li><br>        <li><a href="http://www.css88.com/jqapi-1.9/on/" target="_blank" rel="external">css88 jq api</a></li><br>        <li><a href="http://www.css88.com/jquery-ui-api/" target="_blank" rel="external">css88 jqui api</a></li><br>        <li><a href="http://learn.jquery.com/" target="_blank" rel="external">学习jquery</a></li><br>        <li><a href="http://james.padolsey.com/jquery/" target="_blank" rel="external">jquery 源码查找</a></li><br>    </ul><br>    <h4 id="3-ecmascript">3. Ecmascript</h4><br>    <ul><br>        <li><a href="https://leanpub.com/understandinges6/read" target="_blank" rel="external">Understanding ECMAScript 6 - Nicholas C. Zakas</a></li><br>        <li><a href="https://leanpub.com/exploring-es6/read" target="_blank" rel="external">exploring-es6</a></li><br>        <li><a href="https://github.com/es6-org/exploring-es6" target="_blank" rel="external">exploring-es6翻译</a></li><br>        <li><a href="http://es6-org.github.io/exploring-es6/" target="_blank" rel="external">exploring-es6翻译后预览</a></li><br>        <li><a href="http://es6.ruanyifeng.com/" target="_blank" rel="external">阮一峰 es6</a></li><br>        <li><a href="http://javascript.ruanyifeng.com/" target="_blank" rel="external">阮一峰 Javascript</a></li><br>        <li><a href="http://yanhaijing.com/es5/" target="_blank" rel="external">ECMA-262，第 5 版</a></li><br>        <li><a href="http://es5.github.io/" target="_blank" rel="external">es5</a></li><br>    </ul><br>    <h4 id="4-js-template">4. Js template</h4><br>    <ul><br>        <li><a href="http://garann.github.io/template-chooser/" target="_blank" rel="external">template-chooser</a></li><br>        <li><a href="https://github.com/aui/artTemplate" target="_blank" rel="external">artTemplate</a></li><br>        <li><a href="https://github.com/aui/tmodjs/blob/master/README.md" target="_blank" rel="external">tomdjs</a></li><br>        <li><a href="http://juicer.name/docs/docs_zh_cn.html" target="_blank" rel="external">淘宝模板juicer模板</a></li><br>        <li><a href="http://koen301.github.io/fxtpl/" target="_blank" rel="external">Fxtpl v1.0 繁星前端模板引擎</a></li><br>        <li><a href="http://sentsin.com/layui/laytpl/" target="_blank" rel="external">laytpl</a></li><br>        <li><a href="https://github.com/mozilla/nunjucks" target="_blank" rel="external">mozilla - nunjucks</a></li><br>        <li><a href="https://github.com/PaulGuo/Juicer" target="_blank" rel="external">Juicer</a></li><br>        <li><a href="http://akdubya.github.io/dustjs/" target="_blank" rel="external">dustjs</a></li><br>        <li><a href="http://ecomfe.github.io/etpl/" target="_blank" rel="external">etpl</a></li><br>        <li><a href="http://twitter.github.io/hogan.js/" target="_blank" rel="external">twitter-tpl</a></li><br>    </ul><br>    <h4 id="5-">5. 弹出层</h4><br>    <ul><br>        <li><a href="https://github.com/aui/artDialog" target="_blank" rel="external">artDialog 最新版</a></li><br>        <li><a href="http://aui.github.io/artDialog/doc/index.html" target="_blank" rel="external">artDialog 文档</a></li><br>        <li><a href="https://code.google.com/p/artdialog/downloads/list" target="_blank" rel="external">google code 下载地址</a></li><br>        <li><a href="http://sentsin.com/jquery/layer/" target="_blank" rel="external">贤心弹出层</a></li><br>        <li><a href="https://github.com/bh-lay/UI" target="_blank" rel="external">响应式用户交互组件库</a></li><br>        <li><a href="http://t4t5.github.io/sweetalert/" target="_blank" rel="external">sweetalert-有css3动画弹出层</a></li><br>    </ul><br>    <h4 id="6-css">6. CSS</h4><br>    <ul><br>        <li><a href="http://tympanus.net/codrops/css_reference/" target="_blank" rel="external">CSS 语法参考</a></li><br>        <li><a href="http://isux.tencent.com/css3/index.html" target="_blank" rel="external">CSS3动画手册</a></li><br>        <li><a href="http://css3lib.alloyteam.com/" target="_blank" rel="external">alloyteam - CSS3 UI 库</a></li><br>        <li><a href="http://isux.tencent.com/css3/tools.html" target="_blank" rel="external">腾讯css3动画制作工具</a></li><br>        <li><a href="http://linxz.github.io/tianyizone/" target="_blank" rel="external">志爷css小工具集合</a></li><br>        <li><a href="http://www.note12.com/category/blog/2014-6-5/538fe0a9f786f1b7019a4dfb" target="_blank" rel="external">css3 js 移动大杂烩</a></li><br>        <li><a href="http://bouncejs.com/" target="_blank" rel="external">bouncejs 触摸库</a></li><br>        <li><a href="http://fian.my.id/Waves/" target="_blank" rel="external">css3 按钮动画</a></li><br>        <li><a href="http://daneden.github.io/animate.css/" target="_blank" rel="external">animate.css</a></li><br>        <li><a href="http://www.alloyteam.com/2015/10/8536/" target="_blank" rel="external">全局CSS的终结(狗带) [译]</a></li><br>        <li><a href="http://www.w3cplus.com/blog/tags/29.html" target="_blank" rel="external">ANIMATION - 大漠</a></li><br>    </ul><br>    <h4 id="7-angularjs">7. Angularjs</h4><br>    <ul><br>        <li><a href="https://github.com/dolymood/AngularLearning" target="_blank" rel="external">Angular.js 的一些学习资源</a></li><br>        <li><a href="http://angularjs.cn/" target="_blank" rel="external">angularjs中文社区</a></li><br>        <li><a href="https://github.com/johnpapa/angular-styleguide" target="_blank" rel="external">Angular Style Guide</a></li><br>        <li><a href="http://www.cnblogs.com/xuwenmin888/p/3739096.html" target="_blank" rel="external">Angularjs源码学习</a></li><br>        <li><a href="http://www.ifeenan.com/?c=AngularJS" target="_blank" rel="external">Angularjs源码学习</a></li><br>        <li><a href="http://angular-ui.github.io/bootstrap/" target="_blank" rel="external">angular对bootstrap的封装</a></li><br>        <li><a href="http://cnodejs.org/topic/51404e0f069911196d2e3923" target="_blank" rel="external">angularjs + nodejs</a></li><br>        <li><a href="http://www.cnblogs.com/lvdabao/tag/AngularJs/" target="_blank" rel="external">吕大豹 Angularjs</a></li><br>        <li><a href="http://www.infoq.com/cn/news/2013/02/angular-web-app" target="_blank" rel="external">AngularJS 最佳实践</a></li><br>        <li><a href="http://www.lovelucy.info/angularjs-best-practices.html" target="_blank" rel="external">Angular的一些扩展指令</a></li><br>        <li><a href="https://github.com/Pasvaz/bindonce" target="_blank" rel="external">Angular数据绑定原理</a></li><br>        <li><a href="https://github.com/angular-ui/" target="_blank" rel="external">一些扩展Angular UI组件</a></li><br>        <li><a href="http://voidcanvas.com/emberjs-vs-angularjs-performance-testing/" target="_blank" rel="external">Ember和AngularJS的性能测试</a></li><br>        <li><a href="http://www.cnblogs.com/powertoolsteam/p/angularjs-introdection.html" target="_blank" rel="external">带你走近AngularJS - 基本功能介绍</a></li><br>        <li><a href="http://angular.duapp.com/docs/guide" target="_blank" rel="external">Angularjs开发指南</a></li><br>        <li><a href="http://www.cnblogs.com/amosli/p/3710648.html" target="_blank" rel="external">Angularjs学习</a></li><br>        <li><a href="http://www.rainweb.cn/article/angularjs-jquery.html" target="_blank" rel="external">不要带着jQuery的思维去学习AngularJS</a></li><br>        <li><a href="http://wangjiatao.diandian.com/?tag=angularjs" target="_blank" rel="external">angularjs 学习笔记</a></li><br>        <li><a href="http://www.angularjs.cn/T008" target="_blank" rel="external">angularjs 开发指南</a></li><br>        <li><a href="https://github.com/jmcunningham/AngularJS-Learning" target="_blank" rel="external">angularjs 英文资料</a></li><br>        <li><a href="http://angular-ui.github.io/bootstrap/" target="_blank" rel="external">angular bootstrap</a></li><br>        <li><a href="https://github.com/opitzconsulting/jquery-mobile-angular-adapter" target="_blank" rel="external">angular jq mobile</a></li><br>        <li><a href="http://mgcrea.github.io/angular-strap/" target="_blank" rel="external">angular ui</a></li><br>        <li><a href="http://www.tuicool.com/articles/7ZZVr2" target="_blank" rel="external">整合jQuery Mobile+AngularJS经验谈</a></li><br>        <li><a href="http://blog.jobbole.com/46589/" target="_blank" rel="external">有jQuery背景，该如何用AngularJS编程思想</a></li><br>        <li><a href="http://each.sinaapp.com/angular/" target="_blank" rel="external">AngularJS在线教程</a></li><br>        <li><a href="http://www.zouyesheng.com/angular.html" target="_blank" rel="external">angular学习笔记</a></li><br>        <li><a href="https://github.com/angular-ui/bootstrap" target="_blank" rel="external">UI Bootstrap - AngularJS directives specific to Bootstrap</a></li><br>        <li><a href="https://github.com/ng-bootstrap/core" target="_blank" rel="external">NG Bootstrap - Angular 2 directives specific to Bootstrap 4</a></li><br>    </ul><br>    <h4 id="8-react">8. React</h4><br>    <ul><br>        <li><a href="https://github.com/enaqx/awesome-react" target="_blank" rel="external">react海量资源</a></li><br>        <li><a href="http://www.react-china.org/" target="_blank" rel="external">react.js 中文论坛</a></li><br>        <li><a href="https://facebook.github.io/react/index.html" target="_blank" rel="external">react.js 官方网址</a></li><br>        <li><a href="https://facebook.github.io/react/docs/getting-started.html" target="_blank" rel="external">react.js 官方文档</a></li><br>        <li><a href="http://material-ui.com/#/" target="_blank" rel="external">react.js material UI</a></li><br>        <li><a href="http://touchstonejs.io/" target="_blank" rel="external">react.js TouchstoneJS UI</a></li><br>        <li><a href="http://amazeui.org/react/" target="_blank" rel="external">react.js amazeui UI</a></li><br>        <li><a href="http://www.ruanyifeng.com/blog/2015/03/react.html" target="_blank" rel="external">React 入门实例教程 - 阮一峰</a></li><br>        <li><a href="http://wiki.jikexueyuan.com/project/react-native/" target="_blank" rel="external">React Native 中文版</a></li><br>        <li><a href="http://www.html-js.com/article/Fakefish%203053" target="_blank" rel="external">Webpack 和 React 小书 - 前端乱炖</a></li><br>        <li><a href="https://fakefish.github.io/react-webpack-cookbook/" target="_blank" rel="external">Webpack 和 React 小书 - gitbook</a></li><br>        <li><a href="http://www.piliyu.com/" target="_blank" rel="external">React原创实战视频教程</a></li><br>        <li><a href="https://hulufei.gitbooks.io/react-tutorial/content/index.html" target="_blank" rel="external">React 入门教程</a></li><br>        <li><a href="https://github.com/zjzhome/react-webpack-starter" target="_blank" rel="external">react-webpack-starter</a></li><br>        <li><a href="https://github.com/ant-design/ant-design" target="_blank" rel="external">基于react组件化开发</a></li><br>        <li><a href="https://github.com/dwqs/react-style-guide" target="_blank" rel="external">React 编程规范(by Airbnb)</a></li><br>        <li><a href="https://fakefish.github.io/react-webpack-cookbook/index.html" target="_blank" rel="external">React Webpack小说</a></li><br>    </ul><br>    <h4 id="9-api">9. 移动端API</h4><br>    <ol><br>        <li>API <br><br>            <ul><br>                <li><a href="https://github.com/jtyjty99999/mobileTech" target="_blank" rel="external">99移动端知识集合</a></li><br>                <li><a href="https://github.com/AlloyTeam/Mars" target="_blank" rel="external">移动端前端开发知识库</a></li><br>                <li><a href="http://caibaojian.com/mobile-web-bug.html" target="_blank" rel="external">移动前端的一些坑和解决方法（外观表现）</a></li><br>                <li><a href="http://www.cnblogs.com/PeunZhang/p/3407453.html" target="_blank" rel="external">【原】移动web资源整理</a></li><br>                <li><a href="http://mweb.baidu.com/zeptoapi/" target="_blank" rel="external">zepto 1.0 中文手册</a></li><br>                <li><a href="http://www.html-5.cn/Manual/Zepto/" target="_blank" rel="external">zepto 1.0 中文手册</a></li><br>                <li><a href="http://www.css88.com/doc/zeptojs_api/" target="_blank" rel="external">zepto 1.1.2</a></li><br>                <li><a href="http://www.cnblogs.com/sky000/archive/2013/03/29/2988952.html" target="_blank" rel="external">zepto 中文注释</a></li><br>                <li><a href="http://app-framework-software.intel.com/api.php" target="_blank" rel="external">jqmobile 手册</a></li><br>                <li><a href="https://github.com/maxzhang/maxzhang.github.com/issues" target="_blank" rel="external">移动浏览器开发集合</a></li><br>                <li><a href="https://github.com/hoosin/mobile-web-favorites" target="_blank" rel="external">移动开发大杂烩</a></li><br>                <li><a href="http://lin-chao.github.io/2014/11/14/%E5%BE%AE%E4%BF%A1webview%E4%B8%AD%E7%9A%84%E4%B8%80%E4%BA%9B%E9%97%AE%E9%A2%98/" target="_blank" rel="external">微信webview中的一些问题</a></li><br>            </ul><br>        </li><br>        <li>框架 <br><br>            <ul><br>                <li><a href="http://framework7.taobao.org/" target="_blank" rel="external">特色的HTML框架可以创建精美的iOS应用</a></li><br>                <li><a href="http://m.sui.taobao.org/" target="_blank" rel="external">淘宝SUI</a></li><br>            </ul><br>        </li><br>    </ol><br>    <h4 id="10-avalon">10. avalon</h4><br>    <ul><br>        <li><a href="http://avalonjs.github.io/" target="_blank" rel="external">avalonjs</a></li><br>        <li><a href="http://ued.qunar.com/oniui/index.html" target="_blank" rel="external">Avalon新一代UI库： OniUI</a></li><br>        <li><a href="https://github.com/RubyLouvre/avalon.oniui" target="_blank" rel="external">avalon.oniui-基于avalon的组件库</a></li><br>    </ul><br>    <h4 id="11-requriejs">11. Requriejs</h4><br>    <ul><br>        <li><a href="http://www.ruanyifeng.com/blog/2012/10/javascript_module.html" target="_blank" rel="external">Javascript模块化编程（一）：模块的写法 </a></li><br>        <li><a href="http://www.ruanyifeng.com/blog/2012/10/asynchronous_module_definition.html" target="_blank" rel="external">Javascript模块化编程（二）：AMD规范</a></li><br>        <li><a href="http://www.ruanyifeng.com/blog/2012/11/require_js.html" target="_blank" rel="external">Javascript模块化编程（三）：require.js的用法</a></li><br>        <li><a href="http://www.cnblogs.com/snandy/archive/2012/05/22/2513652.html" target="_blank" rel="external">RequireJS入门（一）</a></li><br>        <li><a href="http://www.cnblogs.com/snandy/archive/2012/05/23/2513712.html" target="_blank" rel="external">RequireJS入门（二）</a></li><br>        <li><a href="http://www.cnblogs.com/snandy/archive/2012/06/08/2538001.html" target="_blank" rel="external">RequireJS进阶（三）</a></li><br>        <li><a href="http://www.cnblogs.com/yexiaochai/p/3632580.html" target="_blank" rel="external">requrie源码学习</a></li><br>        <li><a href="http://www.oschina.net/translate/getting-started-with-the-requirejs-library" target="_blank" rel="external">requrie 入门指南</a></li><br>        <li><a href="http://www.cnblogs.com/yexiaochai/p/3214926.html" target="_blank" rel="external">requrieJS 学习笔记</a></li><br>        <li><a href="http://cyj.me/why-seajs/requirejs/" target="_blank" rel="external">requriejs 其一 </a></li><br>        <li><a href="http://www.cnblogs.com/yexiaochai/p/3221081.html" target="_blank" rel="external">require backbone结合</a></li><br>    </ul><br>    <h4 id="12-seajs">12. Seajs</h4><br>    <ul><br>        <li><a href="http://seajs.org/" target="_blank" rel="external">seajs</a></li><br>        <li><a href="http://cyj.me/why-seajs/zh/" target="_blank" rel="external">seajs 中文手册</a></li><br>    </ul><br>    <h4 id="13-less-sass">13. Less,sass</h4><br>    <ul><br>        <li><a href="http://www.w3cplus.com/sassguide/" target="_blank" rel="external">sass</a></li><br>        <li><a href="http://www.sass.hk/" target="_blank" rel="external">sass教程-sass中国</a></li><br>        <li><a href="http://sass.bootcss.com/" target="_blank" rel="external">Sass 中文文档</a></li><br>        <li><a href="http://less.bootcss.com/" target="_blank" rel="external">less</a></li><br>    </ul><br>    <h4 id="14-markdown">14. Markdown</h4><br>    <ul><br>        <li><a href="http://wowubuntu.com/markdown/" target="_blank" rel="external">Markdown 语法说明 (简体中文版)</a></li><br>        <li><a href="https://github.com/LearnShare/Learning-Markdown/blob/master/README.md" target="_blank" rel="external">markdown入门参考</a></li><br>        <li><a href="https://www.gitbook.com/" target="_blank" rel="external">gitbook</a> 国外的在线markdown可编辑成书</li><br>        <li><a href="https://www.zybuluo.com/mdeditor" target="_blank" rel="external">mdeditor</a> 一款国内的在线markdown编辑器</li><br>        <li><a href="https://stackedit.io" target="_blank" rel="external">stackedit</a> 国外的在线markdown编辑器，功能强大，同步云盘</li><br>        <li><a href="http://bh-lay.github.io/mditor/" target="_blank" rel="external">mditor</a> 一款轻量级的markdown编辑器</li><br>        <li><a href="https://github.com/lepture/editor" target="_blank" rel="external">lepture-editor</a></li><br>        <li><a href="https://github.com/jbt/markdown-editor" target="_blank" rel="external">markdown-editor</a></li><br>        <li><a href="https://github.com/pandao/editor.md" target="_blank" rel="external">Markdown 在线编辑器</a></li><br>    </ul><br>    <h4 id="15-d3">15. D3</h4><br>    <ul><br>        <li><a href="https://github.com/mbostock/d3/wiki/Tutorials" target="_blank" rel="external">d3 Tutorials</a></li><br>        <li><a href="https://github.com/mbostock/d3/wiki/Gallery" target="_blank" rel="external">Gallery</a></li><br>        <li><a href="http://datavisual.lofter.com/post/40cf3a_188e535" target="_blank" rel="external">lofter</a></li><br>        <li><a href="http://alanland.iteye.com/blog/1878595" target="_blank" rel="external">iteye</a></li><br>        <li><a href="http://javascript.ruanyifeng.com/library/d3.html" target="_blank" rel="external">ruanyifeng</a></li><br>    </ul><br>    <h4 id="16-">16. 兼容性</h4><br>    <ul><br>        <li><a href="http://kangax.github.io/compat-table/es6/" target="_blank" rel="external">esma 兼容列表</a></li><br>        <li><a href="http://jigsaw.w3.org/css-validator/validator.html.zh-cn" target="_blank" rel="external">W3C CSS验证服务</a></li><br>        <li><a href="http://caniuse.com/#index" target="_blank" rel="external">caniuse</a></li><br>        <li><a href="http://csscreator.com/properties" target="_blank" rel="external">csscreator</a></li><br>        <li><a href="">http://msdn.microsoft.com/zh-cn/library/cc351024(v=vs.85</a>).aspx”&gt;microsoft</li><br>        <li><a href="http://www.responsinator.com/" target="_blank" rel="external">在线测兼容-移动端</a></li><br>        <li><a href="https://www.manymo.com/emulators" target="_blank" rel="external">emulators</a></li><br>    </ul><br>    <h4 id="17-ui-">17. UI相关</h4><br>    <ul><br>        <li><a href="http://v3.bootcss.com/" target="_blank" rel="external">bootcss</a></li><br>        <li><a href="http://www.w3cplus.com/MetroUICSS/" target="_blank" rel="external">MetroUICSS</a></li><br>        <li><a href="http://semantic-ui.com/" target="_blank" rel="external">semantic</a></li><br>        <li><a href="http://alexwolfe.github.io/Buttons/" target="_blank" rel="external">Buttons</a></li><br>        <li><a href="http://hiloki.github.io/kitecss/" target="_blank" rel="external">kitecss</a></li><br>        <li><a href="http://www.pintuer.com/" target="_blank" rel="external">pintuer</a></li><br>        <li><a href="http://amazeui.org/" target="_blank" rel="external">amazeui</a></li><br>        <li><a href="http://www.worldhello.net/gotgithub/index.html" target="_blank" rel="external">worldhello</a></li><br>        <li><a href="http://igit.linuxtoy.org/contents.html" target="_blank" rel="external">linuxtoy</a></li><br>        <li><a href="http://www-cs-students.stanford.edu/~blynn/gitmagic/intl/zh_cn/" target="_blank" rel="external">gitmagic</a></li><br>        <li><a href="http://rogerdudler.github.io/git-guide/index.zh.html" target="_blank" rel="external">rogerdudler</a></li><br>        <li><a href="http://gitref.justjavac.com/" target="_blank" rel="external">gitref</a></li><br>        <li><a href="http://git-scm.com/book/zh" target="_blank" rel="external">book</a></li><br>        <li><a href="http://gogojimmy.net/2012/01/17/how-to-use-git-1-git-basic/" target="_blank" rel="external">gogojimmy</a></li><br>    </ul><br>    <h4 id="18-http">18. HTTP</h4><br>    <ul><br>        <li><a href="http://segmentfault.com/bookmark/1230000002521721" target="_blank" rel="external">HTTP API 设计指南</a></li><br>    </ul><br>    <h4 id="19-api">19. 其它API</h4><br>    <ul><br>        <li><a href="">javascript流行库汇总</a></li><br>        <li><a href="http://niceue.com/validator/demo/index.php" target="_blank" rel="external">验证api</a></li><br>        <li><a href="http://www.css88.com/doc/underscore/" target="_blank" rel="external">underscore 中文手册</a></li><br>        <li><a href="http://www.html-js.com/article/Underscorejs-source-code-analysis-of-underscorejs-source-code-analysis%203031" target="_blank" rel="external">underscore源码分析</a></li><br>        <li><a href="http://yalishizhude.github.io/tags/underscore/" target="_blank" rel="external">underscore源码分析-亚里士朱德的博客</a></li><br>        <li><a href="http://underscorejs.org/" target="_blank" rel="external">underscrejs en api</a></li><br>        <li><a href="https://lodash.com/" target="_blank" rel="external">lodash - underscore的代替品</a></li><br>        <li><a href="http://extjs-doc-cn.github.io/ext4api/" target="_blank" rel="external">ext4api</a></li><br>        <li><a href="http://www.csser.com/tools/backbone/backbone.js.html" target="_blank" rel="external">backbone 中文手册</a></li><br>        <li><a href="http://dev.qwrap.com/resource/js/_docs/_youa/#/qw/base/loadJs_.htm" target="_blank" rel="external">qwrap手册</a></li><br>        <li><a href="http://easings.net/zh-cn" target="_blank" rel="external">缓动函数</a></li><br>        <li><a href="http://www.w3school.com.cn/svg/svg_reference.asp" target="_blank" rel="external">svg 中文参考</a></li><br>        <li><a href="https://developer.mozilla.org/en-US/docs/Web/SVG" target="_blank" rel="external">svg mdn参考</a></li><br>        <li><a href="https://github.com/gabelerner/canvg" target="_blank" rel="external">svg 导出 canvas</a></li><br>        <li><a href="https://github.com/exupero/saveSvgAsPng" target="_blank" rel="external">svg 导出 png</a></li><br>        <li><a href="http://www.zamzar.com/convert/ai-to-svg/" target="_blank" rel="external">ai-to-svg</a></li><br>        <li><a href="https://github.com/machao/localStorage" target="_blank" rel="external">localStorage 库</a></li><br>    </ul><br>    <h4 id="20-">20. 图表类</h4><br>    <ul><br>        <li><a href="http://www.hcharts.cn/api/index.php" target="_blank" rel="external">Highcharts 中文API</a></li><br>        <li><a href="http://api.highcharts.com/highcharts" target="_blank" rel="external">Highcharts 英文API</a></li><br>        <li><a href="http://echarts.baidu.com/" target="_blank" rel="external">ECharts 百度的图表软件</a></li><br>        <li><a href="http://lbs.amap.com/api/" target="_blank" rel="external">高德地图</a></li><br>        <li><a href="http://paperjs.org/" target="_blank" rel="external">开源的矢量图脚本框架</a></li><br>        <li><a href="http://jvectormap.com/" target="_blank" rel="external">svg 地图</a></li><br>        <li><a href="http://jqvmap.com/" target="_blank" rel="external">jQuery Vector Map Library</a></li><br>    </ul><br>    <h4 id="21-vue">21. vue</h4><br>    <ul><br>        <li><a href="http://cn.vuejs.org/" target="_blank" rel="external">Vue</a></li><br>        <li><a href="http://forum.vuejs.org/" target="_blank" rel="external">Vue 论坛</a></li><br>        <li><a href="http://www.cnblogs.com/aaronjs/p/3660102.html" target="_blank" rel="external">Vue 入门指南</a></li><br>        <li><a href="http://segmentfault.com/a/1190000000411057" target="_blank" rel="external">Vue 的一些资源索引</a></li><br>    </ul><br>    <h4 id="21-">21. 正则</h4><br>    <ul><br>        <li><a href="http://segmentfault.com/a/1190000002471140" target="_blank" rel="external">JS正则表达式元字符</a></li><br>        <li><a href="http://deerchao.net/tutorials/regex/regex.htm" target="_blank" rel="external">正则表达式30分钟入门教程</a></li><br>        <li><a href="https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Regular_Expressions" target="_blank" rel="external">MDN-正则表达式</a></li><br>        <li><a href="http://javascript.ruanyifeng.com/stdlib/regexp.html" target="_blank" rel="external">ruanyifeng - RegExp对象</a></li><br>        <li><a href="http://div.io/topic/764?page=1" target="_blank" rel="external">小胡子哥 - 进阶正则表达式</a></li><br>        <li><a href="https://github.com/Cedriking/is.js/blob/master/is.js" target="_blank" rel="external">is.js</a></li><br>        <li><a href="http://regexper.com/" target="_blank" rel="external">正则在线测试</a></li><br>    </ul><br>    <h4 id="22-ionic">22. ionic</h4><br>    <ul><br>        <li><a href="https://github.com/ychow/ionic-guide" target="_blank" rel="external">ionic</a></li><br>    </ul><br>    <h4 id="23-">23. 其它</h4><br>    <ul><br>        <li><a href="http://mockjs.com/" target="_blank" rel="external">Mock.js 是一款模拟数据生成器</a></li><br>        <li><a href="http://apidocjs.com/" target="_blank" rel="external">jsdoc 注释生成 - apidocjs</a></li><br>    </ul><br></div><br><br>####开发规范<br><div class="view-body think-editor-content"><br>    <ol><br>        <li><br><br>            <p>前端</p><br><br>            <ul><br>                <li><a href="http://alloyteam.github.io/CodeGuide" target="_blank" rel="external">通过分析github代码库总结出来的工程师代码书写习惯</a></li><br>                <li><a href="http://codeguide.bootcss.com/" target="_blank" rel="external">HTML&amp;CSS编码规范 by @mdo</a></li><br>                <li><a href="http://www.alloyteam.com/2011/10/107/" target="_blank" rel="external">团队合作的css命名规范-腾讯AlloyTeam前端团队</a></li><br>                <li><a href="http://yuwenhui.github.io/" target="_blank" rel="external">前端编码规范之js - by yuwenhui</a></li><br>                <li><a href="http://www.cnblogs.com/hustskyking/p/javascript-spec.html" target="_blank" rel="external">前端编码规范之js - by 李靖</a></li><br>                <li><a href="http://zhibimo.com/read/Ashu/front-end-style-guide/" target="_blank" rel="external">前端开发规范手册</a></li><br>                <li><a href="https://github.com/yuche/javascript#table-of-contents" target="_blank" rel="external">Airbnb JavaScript 编码规范（简体中文版）</a></li><br>                <li><a href="http://www.zhihu.com/question/20351507" target="_blank" rel="external">AMD与CMD规范的区别</a></li><br>                <li><a href="http://www.cnblogs.com/tugenhua0707/p/3507957.html" target="_blank" rel="external">AMD与CMD规范的区别</a></li><br>                <li><a href="http://docs.kissyui.com/1.4/docs/html/tutorials/style-guide/kissy-source-style.html" target="_blank" rel="external">KISSY 源码规范</a></li><br>                <li><a href="http://codeguide.bootcss.com/" target="_blank" rel="external">bt编码规范</a></li><br>                <li><a href="https://github.com/Suxiaogang/Code_Guide" target="_blank" rel="external">规范加强版</a></li><br>                <li><a href="http://blog.jobbole.com/79075/" target="_blank" rel="external">前端代码规范 及 最佳实践</a></li><br>                <li><a href="http://coderlmn.github.io/code-standards/" target="_blank" rel="external">百度前端规范</a></li><br>                <li><a href="http://isobar-idev.github.io/code-standards/" target="_blank" rel="external">百度前端规范</a></li><br>                <li><a href="http://zhuanlan.zhihu.com/fuyun/19884834" target="_blank" rel="external">百度前端规范</a></li><br>                <li><a href="https://github.com/gf-web/es6-coding-style/" target="_blank" rel="external">ECMAScript6 编码规范–广发证券前端团队</a></li><br>                <li><a href="http://blog.jobbole.com/79484/" target="_blank" rel="external">JavaScript 风格指南/编码规范（Airbnb公司版）</a></li><br>                <li><a href="http://nec.netease.com/standard" target="_blank" rel="external">网易前端开发规范</a></li><br>                <li><a href="http://www.75team.com/archives/1049" target="_blank" rel="external">css模块</a></li><br>                <li><a href="https://github.com/ecomfe/spec" target="_blank" rel="external">前端规范资源列表</a></li><br>                <li><a href="http://greengerong.com/blog/2015/05/09/qian-duan-javascriptgui-fan/" target="_blank" rel="external">前端JavaScript规范</a></li><br>            </ul><br><br>        </li><br>        <li><br>            <p>Nodejs</p><br>            <ul><br>                <li><a href="https://github.com/wwsun/node-style-guide" target="_blank" rel="external">Node.js 风格指南</a></li><br>            </ul><br>        </li><br>        <li><br>            <p>PHP</p><br>            <ul><br>                <li><a href="http://segmentfault.com/a/1190000000443795" target="_blank" rel="external">最流行的PHP 代码规范</a></li><br>                <li><a href="https://github.com/hfcorriez/fig-standards/blob/zh_CN/%E6%8E%A5%E5%8F%97/PSR-2-coding-style-guide.md" target="_blank" rel="external">最流行的PHP 代码规范</a></li><br>            </ul><br>        </li><br>        <li><br>            <p>Android</p><br>            <ul><br>                <li><a href="http://www.cnblogs.com/lcw/p/3619181.html" target="_blank" rel="external">【敏捷开发】Android团队开发规范</a></li><br>                <li><a href="http://www.jianshu.com/p/4390f4fe19b3" target="_blank" rel="external">Android 开发规范与应用</a></li><br>            </ul><br>        </li><br>    </ol><br></div><br>####开源项目<br><div class="view-body think-editor-content"><br>    <h4 id="1-">1. 各大公司开源项目</h4><br><br>    <ul><br>        <li><br><br>            <p>Facebook</p><br><br>            <ul><br>                <li><a href="https://code.facebook.com/projects/web/" target="_blank" rel="external">Facebook Projects</a></li><br>            </ul><br><br>        </li><br>        <li><br><br>            <p>百度 Baidu</p><br><br>            <ul><br>                <li><a href="http://fex.baidu.com/" target="_blank" rel="external">百度web前端研发部</a></li><br>                <li><a href="http://efe.baidu.com/" target="_blank" rel="external">百度EFE</a></li><br>                <li><a href="https://github.com/fex-team/" target="_blank" rel="external">百度github</a></li><br>            </ul><br><br>        </li><br>        <li><br><br>            <p>腾讯 qq</p><br><br>            <ul><br>                <li><a href="http://www.alloyteam.com/" target="_blank" rel="external">alloyteam</a></li><br>                <li><a href="http://alloyteam.github.io/" target="_blank" rel="external">alloyteam-github</a></li><br>                <li><a href="https://github.com/AlloyTeam/AlloyGameEngine" target="_blank" rel="external">alloyteam-AlloyGameEngine</a></li><br>                <li><a href="http://alloyteam.github.io/AlloyDesigner/" target="_blank" rel="external">AlloyDesigner</a> 即时修改，即时保存，设计稿较正，其它开发辅助工具</li><br>                <li><a href="http://www.alloyteam.com/2015/06/h5-jiao-hu-ye-bian-ji-qi-aeditor-jie-shao/" target="_blank" rel="external">H5交互页编辑器AEditor介绍</a>                    H5动画交互页开发的工具介绍</li><br>                <li><a href="http://aeditor.alloyteam.com/" target="_blank" rel="external">AEditor</a> H5动画交互页开发的工具</li><br>                <li><a href="http://cube.qq.com/" target="_blank" rel="external">腾讯html5</a></li><br>                <li><a href="http://tencentopen.github.io" target="_blank" rel="external">腾讯开源项目</a></li><br>            </ul><br><br>        </li><br>        <li><br><br>            <p>奇舞团</p><br><br>            <ul><br>                <li><a href="http://75team.github.io/" target="_blank" rel="external">奇舞团开源项目</a></li><br>            </ul><br><br>        </li><br>        <li><br><br>            <p>去哪儿 </p><br><br>            <ul><br>                <li><a href="http://ued.qunar.com/" target="_blank" rel="external">Qunar UED</a></li><br>            </ul><br><br>        </li><br>        <li><br><br>            <p>其它 </p><br><br>            <ul><br>                <li><a href="http://forum.maka.im/wordpress/" target="_blank" rel="external">maka</a></li><br>                <li><a href="https://github.com/fenbility/weekly-feed" target="_blank" rel="external">值得订阅的weekly</a></li><br>            </ul><br><br>        </li><br>    </ul><br><br>    <h4 id="2-javascript">2. Javascript</h4><br><br>    <ol><br>        <li><br><br>            <p>常用 </p><br><br>            <ul><br>                <li><a href="http://www.zhangxinxu.com/wordpress/2013/12/iebetter-js-make-ie6-ie8-like-modern-browser-ie9-chrome/" target="_blank" rel="external">ieBetter.js-让IE6-IE8拥有IE9+,Chrome等浏览器特性</a></li><br>                <li><a href="http://mottie.github.io/Keyboard/" target="_blank" rel="external">模拟键盘</a></li><br>                <li><a href="https://github.com/hotoo/pinyin" target="_blank" rel="external">拼音</a></li><br>                <li><a href="https://github.com/mc-zone/IDValidator" target="_blank" rel="external">中国个人身份证号验证</a></li><br>            </ul><br><br>        </li><br>        <li><br><br>            <p>算法</p><br><br>            <ul><br>                <li><a href="https://github.com/Ralph-Wang/algorithm.in.js" target="_blank" rel="external">数据结构与算法 JavaScript 描述. 章节练习</a></li><br>                <li><a href="https://github.com/twobin/twobinSort" target="_blank" rel="external">常见排序算法（JS版）</a></li><br>                <li><a href="https://github.com/luofei2011/jsAgm/blob/master/js/sort.js" target="_blank" rel="external">经典排序</a></li><br>                <li><a href="https://github.com/hechangmin/jssort" target="_blank" rel="external">常见排序算法-js版本</a></li><br>                <li><a href="https://github.com/lightningtgc/JavaScript-Algorithms" target="_blank" rel="external">JavaScript 算法与数据结构 精华集</a></li><br>                <li><a href="http://www.nowcoder.com/live/courses" target="_blank" rel="external">面试常考算法题精讲</a></li><br>            </ul><br><br>        </li><br>        <li><br><br>            <p>移动端</p><br><br>            <ul><br>                <li><a href="https://github.com/ftlabs/fastclick" target="_blank" rel="external">fastclick</a></li><br>                <li><a href="https://github.com/mmastrac/jquery-noclickdelay" target="_blank" rel="external">no-click-delay</a></li><br>            </ul><br><br>        </li><br>        <li><br><br>            <p>JSON</p><br><br>            <ul><br>                <li><a href="http://beta.json-generator.com/" target="_blank" rel="external">模拟生成JSON数据</a></li><br>                <li><a href="http://jsonp.afeld.me/" target="_blank" rel="external">返回跨域JSONAPI</a></li><br>            </ul><br><br>        </li><br>    </ol>

<pre><code>&lt;h4 id=&quot;3-html5&quot;&gt;3. Html5&lt;/h4&gt;

&lt;ul&gt;
    &lt;li&gt;&lt;a href=&quot;http://www.zhihu.com/question/24398907&quot;&gt;HTML5 有哪些让你惊艳的 demo？&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=&quot;http://jo2.org/html5-canvas-tutorial-list/&quot;&gt;html5 Canvas画图系列教程目录&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h4 id=&quot;4-css&quot;&gt;4. CSS&lt;/h4&gt;

&lt;ul&gt;
    &lt;li&gt;&lt;a href=&quot;http://browserhacks.com/&quot;&gt;browserhacks&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h4 id=&quot;5-jquery&quot;&gt;5. jQuery&lt;/h4&gt;

&lt;ol&gt;
    &lt;li&gt;

        &lt;p&gt;焦点图&lt;/p&gt;

        &lt;ul&gt;
            &lt;li&gt;&lt;a href=&quot;https://github.com/koen301/myfocus&quot;&gt;myfocus&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;http://www.chhua.com/myfocus/&quot;&gt;myfocus-官方演示站&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;http://www.superslide2.com/&quot;&gt;SuperSlidev2.1 -- 大话主席&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;http://www.bujichong.com/sojs/soChange/index.html&quot;&gt;soChange&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;

    &lt;/li&gt;
&lt;/ol&gt;

&lt;h4 id=&quot;6-ext-easyui-j-ui-ui-&quot;&gt;6. Ext, EasyUI, J-UI 及其它各种UI方案&lt;/h4&gt;

&lt;ol&gt;
    &lt;li&gt;

        &lt;p&gt;Ext&lt;/p&gt;

        &lt;ul&gt;
            &lt;li&gt;&lt;a href=&quot;https://www.sencha.com/products/extjs/&quot;&gt;extjs&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;http://docs.sencha.com/extjs/4.0.7/&quot;&gt;ext4英文api&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;http://extjs-doc-cn.github.io/ext4api/&quot;&gt;ext4中文api&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;

    &lt;/li&gt;
    &lt;li&gt;

        &lt;p&gt;EasyUI&lt;/p&gt;

        &lt;ul&gt;
            &lt;li&gt;&lt;a href=&quot;http://jquery-easyui.googlecode.com/svn/trunk/src/&quot;&gt;jquery easyui 未压缩源代码&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;

    &lt;/li&gt;
    &lt;li&gt;

        &lt;p&gt;J-UI&lt;/p&gt;

        &lt;ul&gt;
            &lt;li&gt;&lt;a href=&quot;http://www.j-ui.com&quot;&gt;J-UI&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;

    &lt;/li&gt;
    &lt;li&gt;

        &lt;p&gt;Other&lt;/p&gt;

        &lt;ul&gt;
            &lt;li&gt;&lt;a href=&quot;http://dcloudio.github.io/mui/&quot;&gt;MUI-最接近原生APP体验的高性能前端框架&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;http://amazeui.org/&quot;&gt;Amaze UI | 中国首个开源 HTML5 跨屏前端框架&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;http://m.sui.taobao.org/&quot;&gt;淘宝 HTML5 前端框架&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;http://docs.kissyui.com/&quot;&gt;KISSY - 阿里前端JavaScript库&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;http://nej.netease.com/&quot;&gt;网易Nej - Nice Easy Javascript&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;http://demos.telerik.com/kendo-ui/mvvm/index&quot;&gt;Kendo UI MVVM Demo&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;http://www.bootcss.com/&quot;&gt;Bootstrap&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;http://smartui.chinamzz.com/&quot;&gt;Smart UI&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;http://developer.yahoo.com/yui/grids/&quot;&gt;雅虎UI - CSS UI&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;

    &lt;/li&gt;
&lt;/ol&gt;

&lt;h4 id=&quot;7-&quot;&gt;7. 页面 社会化 分享功能&lt;/h4&gt;

&lt;ul&gt;
    &lt;li&gt;&lt;a href=&quot;http://share.baidu.com/&quot;&gt;百度分享&lt;/a&gt; pc端&lt;/li&gt;
    &lt;li&gt;&lt;a href=&quot;http://jiathis.com/&quot;&gt;JiaThis&lt;/a&gt; pc端&lt;/li&gt;
    &lt;li&gt;&lt;a href=&quot;http://developer.baidu.com/soc/share&quot;&gt;社会化分享组件&lt;/a&gt; 移动端&lt;/li&gt;
    &lt;li&gt;&lt;a href=&quot;http://www.mob.com/#/index&quot;&gt;ShareSDK 轻松实现社会化功能&lt;/a&gt; 移动端&lt;/li&gt;
    &lt;li&gt;&lt;a href=&quot;http://www.umeng.com/social&quot;&gt;友盟分享&lt;/a&gt; 移动端&lt;/li&gt;
    &lt;li&gt;&lt;a href=&quot;http://www.addthis.com/&quot;&gt;addthis&lt;/a&gt; 国外社交分享&lt;/li&gt;
&lt;/ul&gt;

&lt;h4 id=&quot;8-&quot;&gt;8. 富文本编辑器&lt;/h4&gt;

&lt;ul&gt;
    &lt;li&gt;&lt;a href=&quot;http://ueditor.baidu.com/website/&quot;&gt;百度 ueditor&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=&quot;http://ckeditor.com/&quot;&gt;经典的ckeditor&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=&quot;http://kindeditor.net/&quot;&gt;经典的kindeditor&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=&quot;http://www.bootcss.com/p/bootstrap-wysiwyg/&quot;&gt;wysiwyg&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=&quot;http://integ.github.io/BachEditor/&quot;&gt;一个有情怀的编辑器。Bach&apos;s Editor&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=&quot;https://github.com/mycolorway/simditor&quot;&gt;tower用的编辑器&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=&quot;https://github.com/summernote/summernote&quot;&gt;summernote 编辑器&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=&quot;http://neilj.github.io/Squire/&quot;&gt;html5编辑器&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=&quot;http://lab.hustlzp.com/XEditor/&quot;&gt;XEditor&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=&quot;https://github.com/wangfupeng1988/wangEditor&quot;&gt;wangEditor&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=&quot;https://github.com/wangfupeng1988/wangEditor-mobile&quot;&gt;wangEditor-mobile--移动端编辑器&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=&quot;http://alex-d.github.io/Trumbowyg/&quot;&gt;Trumbowyg - 轻量编辑器&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=&quot;https://www.tinymce.com&quot;&gt;国外的一款编辑器 - tinymce&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h4 id=&quot;9-&quot;&gt;9. 日历&lt;/h4&gt;

&lt;ol&gt;
    &lt;li&gt;

        &lt;p&gt;PC&lt;/p&gt;

        &lt;ul&gt;
            &lt;li&gt;&lt;a href=&quot;http://www.my97.net/dp/demo/index.htm&quot;&gt;经典my97&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;http://www.cnblogs.com/gbin1/archive/2012/04/16/2452105.html&quot;&gt;强大的独立日期选择器&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;http://arshaw.com/fullcalendar/&quot;&gt;fullcalendar&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;http://blog.csdn.net/francislaw/article/details/7740630&quot;&gt;fullcalendar日历控件知识点集合 &lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;http://blog.sina.com.cn/s/blog_9475b1c101012c5f.html&quot;&gt;中文api&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;https://github.com/zzyss86/LunarCalendar&quot;&gt;农历日历&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;http://www.sucaisj.com/jiaoben/date/201509/16856.html&quot;&gt;超酷的仿百度带节日日历老黄历控件&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;http://momentjs.com/&quot;&gt;日期格式化&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;https://github.com/Johnqing/QPAYCalendar/&quot;&gt;大牛日历控件&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;https://github.com/Iamlars/dateMarker&quot;&gt;我群某管理作品&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;http://digitalbush.com/projects/masked-input-plugin/&quot;&gt;input按位替换-官网&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;https://github.com/digitalBush/jquery.maskedinput/tree/1.2.2&quot;&gt;input按位替换-github&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;https://github.com/dangrossman/bootstrap-daterangepicker&quot;&gt;bootstrap-daterangepicker&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;http://www.vandelaydesign.com/30-best-free-jquery-plugins/&quot;&gt;国外30个插件集合&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;http://dbushell.com/2012/10/09/pikaday-javascript-datepicker/&quot;&gt;JavaScript datepicker&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;http://jonthornton.github.io/Datepair.js/&quot;&gt;Datepair.js&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;https://github.com/glad/glDatePicker&quot;&gt;一个风格多样的日历&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;http://amsul.ca/pickadate.js/date/&quot;&gt;弹出层式的全日历&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;http://www.daterangepicker.com/&quot;&gt;jquery双日历&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;http://www.bootcss.com/p/bootstrap-datetimepicker/&quot;&gt;bootstrap-datetimepicker/&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;http://laydate.layui.com/&quot;&gt;贤心-laydate&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;http://dbushell.github.io/Pikaday/&quot;&gt;Pikaday-微型日历&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;https://github.com/g00fy-/angular-datepicker&quot;&gt;AngularJS datepicker directives&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;

    &lt;/li&gt;
    &lt;li&gt;

        &lt;p&gt;移动&lt;/p&gt;

        &lt;ul&gt;
            &lt;li&gt;&lt;a href=&quot;http://www.frankdemo.cn/index.php?c=content&amp;amp;a=show&amp;amp;id=115&quot;&gt;大气实用jQuery手机移动端日历日期选择插件&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;https://mobiscroll.com/&quot;&gt;jQuery Mobile 移动开发中的日期插件Mobiscroll &lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;

    &lt;/li&gt;
    &lt;li&gt;

        &lt;p&gt;Date library&lt;/p&gt;

        &lt;ul&gt;
            &lt;li&gt;&lt;a href=&quot;https://github.com/datejs/Datejs&quot;&gt;Datejs&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;http://sugarjs.com/api/Date&quot;&gt;sugarjs&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;

    &lt;/li&gt;
&lt;/ol&gt;

&lt;h4 id=&quot;10-&quot;&gt;10. 综合效果搜索平台&lt;/h4&gt;

&lt;ul&gt;
    &lt;li&gt;&lt;a href=&quot;http://www.jq22.com&quot;&gt;效果网&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=&quot;http://www.17sucai.com/&quot;&gt;17素材&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=&quot;http://microjs.com/&quot;&gt;常用的JavaScript代码片段&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h4 id=&quot;11-&quot;&gt;11. 前端工程化&lt;/h4&gt;

&lt;ol&gt;
    &lt;li&gt;

        &lt;p&gt;概述&lt;/p&gt;

        &lt;ul&gt;
            &lt;li&gt;&lt;a href=&quot;http://www.awesomes.cn/&quot;&gt;前端工具大全&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;https://github.com/fouber/blog/issues/10?from=timeline&amp;amp;isappinstalled=0#&quot;&gt;什么是前端工程化&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;

    &lt;/li&gt;
    &lt;li&gt;

        &lt;p&gt;Gulp &lt;/p&gt;

        &lt;ul&gt;
            &lt;li&gt;&lt;a href=&quot;http://gulpjs.com/&quot;&gt;Gulp官网&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;http://www.gulpjs.com.cn/&quot;&gt;Gulp中文网&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;https://github.com/Platform-CUF/use-gulp&quot;&gt;gulp资料收集&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;http://javascript.ruanyifeng.com/tool/gulp.html&quot;&gt;Gulp：任务自动管理工具 - ruanyifeng&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;http://gulpjs.com/plugins/&quot;&gt;Gulp插件&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;http://www.ido321.com/1622.html&quot;&gt;Gulp不完全入门教程&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;https://github.com/hjzheng/CUF_meeting_knowledge_share/issues/33&quot;&gt;为什么使用gulp?&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;http://www.dbpoo.com/getting-started-with-gulp/&quot;&gt;Gulp安装及配合组件构建前端开发一体化&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;https://github.com/nimojs/gulp-book&quot;&gt;Gulp 入门指南&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;https://github.com/nimojs/blog/issues/19&quot;&gt;Gulp 入门指南 - nimojs&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;http://markpop.github.io/2014/09/17/Gulp%E5%85%A5%E9%97%A8%E6%95%99%E7%A8%8B/&quot;&gt;Gulp入门教程&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;http://www.imooc.com/video/5692&quot;&gt;Gulp in Action&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;http://www.w3ctech.com/topic/134&quot;&gt;Gulp开发教程（翻译）&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;http://www.cnblogs.com/2050/p/4198792.html&quot;&gt;前端构建工具gulpjs的使用介绍及技巧&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;

    &lt;/li&gt;
    &lt;li&gt;

        &lt;p&gt;Grunt&lt;/p&gt;

        &lt;ul&gt;
            &lt;li&gt;&lt;a href=&quot;http://gruntjs.com/&quot;&gt;gruntjs&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;http://www.gruntjs.net/&quot;&gt;Grunt中文网&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;

    &lt;/li&gt;
    &lt;li&gt;

        &lt;p&gt;Fis&lt;/p&gt;

        &lt;ul&gt;
            &lt;li&gt;&lt;a href=&quot;http://fex-team.github.io/fis-site/index.html&quot;&gt;fis 官网&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;http://fis.baidu.com/&quot;&gt;fis&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;

    &lt;/li&gt;
    &lt;li&gt;

        &lt;p&gt;webpack&lt;/p&gt;

        &lt;ul&gt;
            &lt;li&gt;&lt;a href=&quot;https://github.com/webpack/webpack&quot;&gt;webpack&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;https://zhaoda.gitbooks.io/webpack/content/index.html&quot;&gt;Webpack 中文指南&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;http://html-js.com/article/3009&quot;&gt;Webpack，101入门体验&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;http://html-js.com/article/3113&quot;&gt;webpack入门教程&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;http://segmentfault.com/a/1190000003499526&quot;&gt;基于webpack搭建前端工程解决方案探索&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;http://zhuanlan.zhihu.com/FrontendMagazine/20367175&quot;&gt;Webpack傻瓜式指南（一）&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;https://github.com/TJZC/Banyan/wiki/Webpack%E6%8C%87%E5%8D%97&quot;&gt;Webpack指南&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;http://webpack.toobug.net/zh-cn/index.html&quot;&gt;webpack指南&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;

    &lt;/li&gt;
&lt;/ol&gt;

&lt;h4 id=&quot;12-&quot;&gt;12. 轮播图&lt;/h4&gt;

&lt;ol&gt;
    &lt;li&gt;

        &lt;p&gt;pc图轮&lt;/p&gt;

        &lt;ul&gt;
            &lt;li&gt;&lt;a href=&quot;http://www.jsfoot.com/jquery/demo/2011-09-20/192.html&quot;&gt;单屏轮播sochange&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;http://bxslider.com/examples/carousel-demystified&quot;&gt;左右按钮多图切换&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;https://github.com/alvarotrigo/fullPage.js/&quot;&gt;fullpage全屏轮播&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;

    &lt;/li&gt;
    &lt;li&gt;

        &lt;p&gt;移动端&lt;/p&gt;

        &lt;ul&gt;
            &lt;li&gt;&lt;a href=&quot;http://www.swipejs.com/&quot;&gt;无缝切换&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;http://www.idangero.us/swiper&quot;&gt;滑屏效果&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;https://github.com/peunzhang/fullpage&quot;&gt;全屏fullpage&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;https://github.com/qiqiboy/touchslider&quot;&gt;单个图片切换&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;https://github.com/peunzhang/slip.js&quot;&gt;单个全屏切换&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;http://touch.code.baidu.com/examples.html?qq-pf-to=pcqq.group&quot;&gt;百度的切换库&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;https://github.com/peunzhang/iSlider&quot;&gt;单个全屏切换&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;https://github.com/saw/touch-interfaces&quot;&gt;滑屏效果&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;http://baijs.com/tinycircleslider/&quot;&gt;旋转拖动设置&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;http://touchslider.com/&quot;&gt;类似于swipe切换&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;http://www.swiper.com.cn/demo/index.html&quot;&gt;支持多种形式的触摸滑动&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;https://github.com/joker-ye/main/blob/master/wap/index.html&quot;&gt;滑屏效果&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;http://www.superslide2.com/&quot;&gt;大话主席pc移动图片轮换&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;https://github.com/hahnzhu/parallax.js&quot;&gt;滑屏效果&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;https://github.com/yanhaijing/zepto.fullpage&quot;&gt;基于zepto的fullpage&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;http://www.cnblogs.com/plums/archive/2013/01/10/WebApp-fixed-width-layout-of-multi-terminal-adapter-since.html&quot;&gt;[WebApp]定宽网页设计下，固定宽度布局开发WebApp并实现多终端下WebApp布局自适应&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;http://loo2k.com/blog/detecting-wechat-client/&quot;&gt;判断微信客户端的那些坑&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;https://github.com/JefferyWang/nativeShare.js&quot;&gt;可以通过javascript直接调用原生分享的工具&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;http://www.jiathis.com/help/html/weixin-share-code&quot;&gt;JiaThis 分享到微信代码&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;http://fex.baidu.com/blog/2015/05/cross-mobile/&quot;&gt;聊聊移动端跨平台开发的各种技术&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;http://www.zhihu.com/question/29922082&quot;&gt;前端自动化测试&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;http://ajccom.github.io/niceslider/&quot;&gt;多种轮换图片&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;https://mango.github.io/slideout/&quot;&gt;滑动侧边栏&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;

    &lt;/li&gt;
&lt;/ol&gt;

&lt;h4 id=&quot;13-&quot;&gt;13. 文件上传&lt;/h4&gt;
</code></pre><ul><br>    <li><a href="http://fex.baidu.com/webuploader/" target="_blank" rel="external">百度上传组件</a></li><br>    <li><a href="https://blueimp.github.io/jQuery-File-Upload/" target="_blank" rel="external">上传</a></li><br>    <li><a href="http://www.hdfu.net/" target="_blank" rel="external">flash 头像上传</a></li><br>    <li><a href="http://www.dropzonejs.com/" target="_blank" rel="external">图片上传预览</a></li><br>    <li><a href="http://elemefe.github.io/image-cropper/" target="_blank" rel="external">图片裁剪</a></li><br>    <li><a href="http://www.shearphoto.com/" target="_blank" rel="external">图片裁剪-shearphoto</a></li><br>    <li><a href="http://www.oschina.net/project/tag/284/jquery-image-tools?lang=0&amp;os=0&amp;sort=view&amp;p=2" target="_blank" rel="external">jQuery图片处理</a></li><br>    <li><a href="http://fineuploader.com/" target="_blank" rel="external">文件上传</a></li><br></ul>

<h4 id="14-select">14. 模拟select</h4>

<ul><br>    <li><a href="http://aui.github.io/popupjs/doc/selectbox.html" target="_blank" rel="external">糖饼 select</a></li><br>    <li><a href="https://github.com/rmm5t/jquery-flexselect" target="_blank" rel="external">flexselect</a></li><br>    <li><a href="http://loudev.com/" target="_blank" rel="external">双select</a></li><br>    <li><a href="http://select2.github.io/" target="_blank" rel="external">select2</a></li><br></ul>

<h4 id="15-">15. 取色插件</h4>

<ul><br>    <li><a href="http://www.jq22.com/plugin/367" target="_blank" rel="external">类似 Photoshop 的界面取色插件</a></li><br>    <li><a href="https://github.com/jquery/jquery-color/" target="_blank" rel="external">jquery color</a></li><br>    <li><a href="http://www.oschina.net/project/tag/287/color-picker" target="_blank" rel="external">取色插件集合</a></li><br>    <li><a href="https://github.com/mattfarina/farbtastic" target="_blank" rel="external">farbtastic 圆环＋正方形</a></li><br></ul>

<h4 id="16-">16. 城市联动</h4>

<ul><br>    <li><a href="http://www.ijquery.cn/?p=360" target="_blank" rel="external">jquery.cityselect.js基于jQuery+JSON的省市或自定义联动效果</a></li><br></ul>

<h4 id="17-">17. 剪贴板</h4>

<ul><br>    <li><a href="https://github.com/zeroclipboard/zeroclipboard" target="_blank" rel="external">剪贴板</a></li><br>    <li><a href="http://zenorocha.github.io/clipboard.js/" target="_blank" rel="external">clipboard 最新的剪切方案</a></li><br></ul>

<h4 id="18-">18. 简繁转换</h4>

<ul><br>    <li><a href="https://github.com/BYVoid/OpenCC" target="_blank" rel="external">简繁转换</a></li><br></ul>

<h4 id="19-grid">19. 表格 Grid</h4>

<ul><br>    <li><a href="http://facebook.github.io/fixed-data-table/" target="_blank" rel="external">facebook表格</a></li><br>    <li><a href="http://handsontable.com/" target="_blank" rel="external">类似于Excel编辑表格-handsontable</a></li><br>    <li><a href="http://bootstrap-table.wenzhixin.net.cn/" target="_blank" rel="external">bootstrap-table插件</a></li><br>    <li><a href="https://www.datatables.net/" target="_blank" rel="external">datatables</a></li><br>    <li><a href="http://w2ui.com/web/demo/grid" target="_blank" rel="external">不错的Grid</a></li><br></ul>

<h4 id="20-">20. 在线演示</h4>

<ul><br>    <li><a href="http://runjs.cn/" target="_blank" rel="external">js 在线编辑 - runjs</a></li><br>    <li><a href="http://jsbin.com/" target="_blank" rel="external">js 在线编辑 - jsbin</a></li><br>    <li><a href="http://codepen.io/" target="_blank" rel="external">js 在线编辑 - codepen</a></li><br>    <li><a href="http://jsfiddle.net/" target="_blank" rel="external">js 在线编辑 - jsfiddle</a></li><br>    <li><a href="http://ideone.com/" target="_blank" rel="external">java 在线编辑 - ideone</a></li><br>    <li><a href="http://code.hcharts.cn/" target="_blank" rel="external">js 在线编辑 - hcharts</a></li><br>    <li><a href="http://jsdm.com/" target="_blank" rel="external">js 在线编辑 - jsdm</a></li><br>    <li><a href="http://sqlfiddle.com/" target="_blank" rel="external">sql 在线编辑 - sqlfiddle</a></li><br>    <li><a href="https://thimble.mozilla.org" target="_blank" rel="external">mozilla 在线编辑器</a></li><br></ul>

<h4 id="21-">21. 播放器</h4>

<ul><br>    <li><a href="https://github.com/zmmbreeze/DeadSimpleVideoPlayer" target="_blank" rel="external">Html5 VideoPlayer</a></li><br></ul>

<h4 id="22-">22. 粒子动画</h4>

<ul><br>    <li><a href="http://a-jie.github.io/Proton/#example" target="_blank" rel="external">Proton 烟花</a></li><br></ul>

<h4 id="23-">23. 表单验证</h4>

<ul><br>    <li><a href="https://github.com/haiercdboy/Validform/blob/master/README.md" target="_blank" rel="external">Validform</a></li><br>    <li><a href="http://formvalidator.net/" target="_blank" rel="external">formvalidator</a></li><br>    <li><a href="http://www.cnblogs.com/wzmaodong/archive/2012/10/15/2724005.html" target="_blank" rel="external">jQuery formValidator</a></li><br>    <li><a href="http://validform.rjboy.cn/" target="_blank" rel="external">表单验证完美解决方案</a></li><br></ul>

<h4 id="24-">24. 表单美化</h4>

<ul><br>    <li><a href="http://icheck.fronteed.com/" target="_blank" rel="external">美化checkbox</a></li><br></ul><br></div><br><br>####nodejs<br><div class="view-body think-editor-content"><br>    <ul><br>        <li><a href="https://github.com/alsotang/node-lessons" target="_blank" rel="external">Node.js 包教不包会</a></li><br>        <li><a href="http://rainweb.cn/article/category/Nodejs" target="_blank" rel="external">篇幅比较少</a></li><br>        <li><a href="http://www.w3cfuns.com/article-5598538-1-1.html" target="_blank" rel="external">node express 入门教程</a></li><br>        <li><a href="http://my.oschina.net/u/568264/blog/193773" target="_blank" rel="external">nodejs定时任务</a></li><br>        <li><a href="http://60sky.com/" target="_blank" rel="external">一个nodejs博客</a></li><br>        <li><a href="http://www.cnblogs.com/yexiaochai/p/3536547.html" target="_blank" rel="external">【NodeJS 学习笔记04】新闻发布系统</a></li><br>        <li><a href="http://www.cnblogs.com/qqloving/p/3541099.html" target="_blank" rel="external">过年7天乐，学nodejs 也快乐</a></li><br>        <li><a href="https://github.com/nqdeng/7-days-nodejs" target="_blank" rel="external">七天学会NodeJS</a></li><br>        <li><a href="http://www.cnblogs.com/zhongweiv/p/nodejs_events.html" target="_blank" rel="external">Nodejs学习笔记（二）— 事件模块</a></li><br>        <li><a href="http://www.cnblogs.com/liusuqi/p/3735491.html" target="_blank" rel="external">nodejs入门</a></li><br>        <li><a href="https://github.com/zensh/jsgen" target="_blank" rel="external">angularjs nodejs</a></li><br>        <li><a href="http://blog.fens.me/series-nodejs/" target="_blank" rel="external">从零开始nodejs系列文章</a></li><br>        <li><a href="http://debuggable.com/posts/understanding-node-js:4bd98440-45e4-4a9a-8ef7-0f7ecbdd56cb" target="_blank" rel="external">理解nodejs</a></li><br>        <li><a href="http://blog.mixu.net/2011/02/01/understanding-the-node-js-event-loop/" target="_blank" rel="external">nodejs事件轮询</a></li><br>        <li><a href="http://www.nodebeginner.org/index-zh-cn.html" target="_blank" rel="external">node入门</a></li><br>        <li><a href="http://ourjs.com/detail/53e1f281c5910a9806000001" target="_blank" rel="external">nodejs cms</a></li><br>        <li><a href="http://ourjs.com/detail/529ca5950cb6498814000005" target="_blank" rel="external">Node初学者入门，一本全面的NodeJS教程</a></li><br>        <li><a href="http://www.barretlee.com/blog/2015/10/07/debug-nodejs-in-command-line/" target="_blank" rel="external">NodeJS的代码调试和性能调优</a></li><br>        <li><a href="https://github.com/Jam3/devtool" target="_blank" rel="external">runs Node.js programs through Chromium DevTools</a></li><br>    </ul><br></div><br><br>####性能优化<br><div class="view-body think-editor-content"><br>    <ol><br>        <li><br><br>            <p>常规优化</p><br><br>            <ul><br>                <li><a href="http://www.infoq.com/cn/articles/javascript-high-performance-animation-and-page-rendering" target="_blank" rel="external">Javascript高性能动画与页面渲染</a></li><br>                <li><a href="http://isux.tencent.com/h5-performance.html" target="_blank" rel="external">移动H5前端性能优化指南</a></li><br>                <li><a href="http://ued.5173.com/?p=1731" target="_blank" rel="external">5173首页前端性能优化实践</a></li><br>                <li><a href="http://www.uisdc.com/front-end-performance-for-web-designers-and-front-end-developers" target="_blank" rel="external">给网页设计师和前端开发者看的前端性能优化</a></li><br>                <li><a href="http://www.orzpoint.com/profiling-css-and-optimization-notes/" target="_blank" rel="external">复杂应用的 CSS 性能分析和优化建议</a></li><br>                <li><a href="http://www.zhangxinxu.com/wordpress/tag/%E5%89%8D%E7%AB%AF%E6%80%A7%E8%83%BD/" target="_blank" rel="external">张鑫旭——前端性能</a></li><br>                <li><a href="http://www.xiaoqiang.org/javascript/font-end-performance-monitor.html" target="_blank" rel="external">前端性能监控总结</a></li><br>                <li><a href="http://udc.weibo.com/2013/05/%E7%BD%91%E7%AB%99%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96%E4%B9%8Bcss%E6%97%A0%E5%9B%BE%E7%89%87%E6%8A%80%E6%9C%AF/" target="_blank" rel="external">网站性能优化之CSS无图片技术</a></li><br>                <li><a href="http://www.aliued.cn/2013/01/20/web%E5%89%8D%E7%AB%AF%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96%E8%BF%9B%E9%98%B6%E8%B7%AF.html" target="_blank" rel="external">web前端性能优化进阶路</a></li><br>                <li><a href="http://www.woshipm.com/pd/26914.html" target="_blank" rel="external">前端技术：网站性能优化之CSS无图片技术</a></li><br>                <li><a href="https://www.w3ctech.com/topic/776" target="_blank" rel="external">页面加载中的图片性能优化</a></li><br>                <li><a href="http://www.feelcss.com/tag/%E5%89%8D%E7%AB%AF%E6%80%A7%E8%83%BD" target="_blank" rel="external">Hey——前端性能</a></li><br>                <li><a href="https://www.kancloud.cn/kancloud/web_performance_optimization/80992" target="_blank" rel="external">html优化</a></li><br>                <li><a href="http://www.cnblogs.com/yslow/" target="_blank" rel="external">YSLOW中文介绍</a></li><br>                <li><a href="http://www.360ito.com/article/40.html" target="_blank" rel="external">转一篇Yahoo关于网站性能优化的文章，兼谈本站要做的优化</a></li><br>                <li><a href="http://www.360doc.com/content/10/0928/09/2588264_56971287.shtml" target="_blank" rel="external">Yahoo!团队实践分享：网站性能</a></li><br>                <li><a href="http://blog.jiasule.com/i/153" target="_blank" rel="external">网站性能优化指南：什么使我们的网站变慢？</a></li><br>                <li><a href="http://www.powereasy.net/helpyou/knowledge/ecommerce/9593.html" target="_blank" rel="external">网站性能优化实践，减少加载时间，提高用户体验</a></li><br>                <li><a href="http://jaskey.github.io/blog/2014/10/17/performance/" target="_blank" rel="external">浅谈网站性能优化 前端篇</a></li><br>                <li><a href="http://www.adinnet.cn/blog/designview/2012-7-12/678.html" target="_blank" rel="external">前端重构实践之如何对网站性能优化？</a></li><br>                <li><a href="http://www.gbin1.com/technology/javascript/20130708-front-end-performance-optimization-9/" target="_blank" rel="external">前端性能优化：使用媒体查询加载指定大小的背景图片</a></li><br>                <li><a href="http://www.mykuer.com/post/factors-that-affect-the-speed-of-web-site-open.html" target="_blank" rel="external">网站性能系列博文</a></li><br>                <li><a href="http://tgideas.qq.com/webplat/info/news_version3/804/808/811/m579/201109/41355.shtml" target="_blank" rel="external">加载，不只是少一点点</a></li><br>                <li><a href="http://mzhou.me/article/95310/" target="_blank" rel="external">前端性能的测试与优化</a></li><br>                <li><a href="http://www.gbin1.com/technology/html/20130217-tips-for-speed-up-page-loading/" target="_blank" rel="external">分享网页加载速度优化的一些技巧？</a></li><br>                <li><a href="http://www.f2es.com/images-bytes-opt/" target="_blank" rel="external">页面加载中的图片性能优化</a></li><br>                <li><a href="http://www.tcreator.info/webSchool/website/Front-end-Opt-Yslow.html" target="_blank" rel="external">web前端优化(基于Yslow)</a></li><br>                <li><a href="http://www.qianduan.net/website-performance-optimization-tool.html" target="_blank" rel="external">网站性能优化工具大全</a></li><br>                <li><a href="http://www.alloyteam.com/2012/10/high-performance-html/" target="_blank" rel="external">【高性能前端1】高性能HTML</a></li><br>                <li><a href="http://www.alloyteam.com/2012/10/high-performance-css/" target="_blank" rel="external">【高性能前端2】高性能CSS</a></li><br>                <li><a href="http://coolshell.cn/articles/6470.html" target="_blank" rel="external">由12306谈谈网站前端性能和后端性能优化</a></li><br>                <li><a href="http://www.alloyteam.com/category/webfrontend/%E5%89%8D%E7%AB%AF%E4%BC%98%E5%8C%96/" target="_blank" rel="external">AlloyTeam——前端优化</a></li><br>                <li><a href="http://www.cnblogs.com/developersupport/p/3248695.html" target="_blank" rel="external">毫秒必争，前端网页性能最佳实践</a></li><br>                <li><a href="http://blog.sina.com.cn/s/blog_6e9d2e0701017kvu.html" target="_blank" rel="external">网站性能工具Yslow的使用方法</a></li><br>                <li><a href="http://www.infoq.com/cn/articles/front-end-engineering-and-performance-optimization-part1" target="_blank" rel="external">前端工程与性能优化（上）：静态资源版本更新与缓存</a></li><br>                <li><a href="http://www.infoq.com/cn/articles/front-end-engineering-and-performance-optimization-part2" target="_blank" rel="external">前端工程与性能优化（下）：静态资源管理与模板框架</a></li><br>                <li><a href="http://blog.jobbole.com/48369/" target="_blank" rel="external">HTTPS连接的前几毫秒发生了什么</a></li><br>                <li><a href="http://uicss.cn/yslow/#more-12319" target="_blank" rel="external">Yslow</a></li><br>                <li><a href="http://blog.smartbear.com/web-performance/essential-web-performance-metrics-a-primer-part-1/" target="_blank" rel="external">Essential Web Performance Metrics — A Primer, Part 1</a></li><br>                <li><a href="http://blog.smartbear.com/performance/essential-web-performance-metrics-part-2/" target="_blank" rel="external">Essential Web Performance Metrics — Part 2</a></li><br>                <li><a href="http://jayli.github.io/blog/data/2011/12/23/yuislide.html" target="_blank" rel="external">YUISlide,针对移动设备的动画性能优化</a></li><br>                <li><a href="http://joelglovier.com/improving-site-performance/" target="_blank" rel="external">Improving Site Performance</a></li><br>                <li><a href="http://blog.segmentfault.com/laopopo/1190000000367899" target="_blank" rel="external">让网站提速的最佳前端实践</a></li><br>                <li><a href="http://sixrevisions.com/web-development/why-website-speed-is-important/" target="_blank" rel="external">Why Website Speed is Important</a></li><br>                <li><a href="http://www.devbridge.com/articles/need-for-speed-how-to-improve-your-website-performance/" target="_blank" rel="external">Need for Speed – How to Improve your Website Performance</a></li><br>                <li><a href="https://github.com/amfe/article/issues/1" target="_blank" rel="external">阿里无线前端性能优化指南 (Pt.1 加载期优化) </a></li><br>            </ul>

<pre><code>    &lt;/li&gt;
    &lt;li&gt;

        &lt;p&gt;优化工具&lt;/p&gt;

        &lt;ul&gt;
            &lt;li&gt;&lt;a href=&quot;http://www.html-js.com/article/3083&quot;&gt;JavaScript 性能分析新工具 OneProfile&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;http://www.html-js.com/article/3091&quot;&gt;JavaScript 堆内存分析新工具 OneHeap&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;

    &lt;/li&gt;
    &lt;li&gt;

        &lt;p&gt;在线工具&lt;/p&gt;

        &lt;ul&gt;
            &lt;li&gt;&lt;a href=&quot;https://developers.google.com/speed/pagespeed/insights/&quot;&gt;google在线工具&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;http://www.alibench.com/&quot;&gt;阿里测&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;http://itest.aliyun.com/&quot;&gt;阿里-免费测试服务&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;https://github.com/alibaba/f2etest&quot;&gt;阿里-F2etest多浏览器兼容性测试解决方案&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;http://jsperf.com/&quot;&gt;js性能测试&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;http://smallpdf.com/cn&quot;&gt;轻松玩转PDF&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;

    &lt;/li&gt;
&lt;/ol&gt;
</code></pre><p></p></li></ol></div><p></p>
<p><a href="https://github.com/hevin-lee/-----" target="_blank" rel="external">文章出处：https://github.com/hevin-lee/—–</a></p>

      
    </div>
    
    
    

    

    

    

    <footer class="post-footer">
      
        <div class="post-tags">
          
            <a href="/blog/tags/编程/" rel="tag"># 编程</a>
          
            <a href="/blog/tags/资源/" rel="tag"># 资源</a>
          
        </div>
      

      
      
      

      
        <div class="post-nav">
          <div class="post-nav-next post-nav-item">
            
              <a href="/blog/2017/10/02/转-JavaScript-初学者应知的-24-条最佳实践（译）/" rel="next" title="[转]--JavaScript 初学者应知的 24 条最佳实践（译）">
                <i class="fa fa-chevron-left"></i> [转]--JavaScript 初学者应知的 24 条最佳实践（译）
              </a>
            
          </div>

          <span class="post-nav-divider"></span>

          <div class="post-nav-prev post-nav-item">
            
          </div>
        </div>
      

      
      
    </footer>
  </div>
  
  
  
  </article>



    <div class="post-spread">
      
    </div>
  </div>


          </div>
          


          
  <div class="comments" id="comments">
    
      <div id="lv-container" data-id="city" data-uid="MTAyMC8zMTEyMS83Njcw"></div>
    
  </div>


        </div>
        
          
  
  <div class="sidebar-toggle">
    <div class="sidebar-toggle-line-wrap">
      <span class="sidebar-toggle-line sidebar-toggle-line-first"></span>
      <span class="sidebar-toggle-line sidebar-toggle-line-middle"></span>
      <span class="sidebar-toggle-line sidebar-toggle-line-last"></span>
    </div>
  </div>

  <aside id="sidebar" class="sidebar">
    
    <div class="sidebar-inner">

      

      
        <ul class="sidebar-nav motion-element">
          <li class="sidebar-nav-toc sidebar-nav-active" data-target="post-toc-wrap" >
            文章目录
          </li>
          <li class="sidebar-nav-overview" data-target="site-overview">
            站点概览
          </li>
        </ul>
      

      <section class="site-overview sidebar-panel">
        <div class="site-author motion-element" itemprop="author" itemscope itemtype="http://schema.org/Person">
          
            <img class="site-author-image" itemprop="image"
              src="http://upload.jianshu.io/users/upload_avatars/201324/2bc50b2b47b3.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/120/h/120"
              alt="无双的博客" />
          
            <p class="site-author-name" itemprop="name">无双的博客</p>
            <p class="site-description motion-element" itemprop="description"></p>
        </div>

        <nav class="site-state motion-element">

          
            <div class="site-state-item site-state-posts">
            
              <a href="/blog/archives/">
            
                <span class="site-state-item-count">8</span>
                <span class="site-state-item-name">日志</span>
              </a>
            </div>
          

          
            
            
            <div class="site-state-item site-state-categories">
              <a href="/blog/categories/index.html">
                <span class="site-state-item-count">3</span>
                <span class="site-state-item-name">分类</span>
              </a>
            </div>
          

          
            
            
            <div class="site-state-item site-state-tags">
              <a href="/blog/tags/index.html">
                <span class="site-state-item-count">13</span>
                <span class="site-state-item-name">标签</span>
              </a>
            </div>
          

        </nav>

        
          <div class="feed-link motion-element">
            <a href="/blog/atom.xml" rel="alternate">
              <i class="fa fa-rss"></i>
              RSS
            </a>
          </div>
        

        <div class="links-of-author motion-element">
          
            
              <span class="links-of-author-item">
                <a href="https://github.com/DongFangWuShuang" target="_blank" title="GitHub">
                  
                    <i class="fa fa-fw fa-github"></i>GitHub</a>
              </span>
            
          
        </div>

        
        

        
        
          <div class="links-of-blogroll motion-element links-of-blogroll-inline">
            <div class="links-of-blogroll-title">
              <i class="fa  fa-fw fa-globe"></i>
              
            </div>
            <ul class="links-of-blogroll-list">
              
                <li class="links-of-blogroll-item">
                  <a href="https://gitee.com/chu_jian/" title="Gitee" target="_blank">Gitee</a>
                </li>
              
                <li class="links-of-blogroll-item">
                  <a href="https://github.com/DongFangWuShuang/" title="Github" target="_blank">Github</a>
                </li>
              
            </ul>
          </div>
        

        


      </section>

      
      <!--noindex-->
        <section class="post-toc-wrap motion-element sidebar-panel sidebar-panel-active">
          <div class="post-toc">

            
              
            

            
              <div class="post-toc-content"><ol class="nav"><li class="nav-item nav-level-3"><a class="nav-link" href="#资源教程-前端资料大全"><span class="nav-number">1.</span> <span class="nav-text">资源教程 前端资料大全</span></a><ol class="nav-child"><li class="nav-item nav-level-4"><a class="nav-link" href="#1-"><span class="nav-number">1.1.</span> <span class="nav-text">1. 总目录</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#2-jquery"><span class="nav-number">1.2.</span> <span class="nav-text">2. jQuery</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#3-ecmascript"><span class="nav-number">1.3.</span> <span class="nav-text">3. Ecmascript</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#4-js-template"><span class="nav-number">1.4.</span> <span class="nav-text">4. Js template</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#5-"><span class="nav-number">1.5.</span> <span class="nav-text">5. 弹出层</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#6-css"><span class="nav-number">1.6.</span> <span class="nav-text">6. CSS</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#7-angularjs"><span class="nav-number">1.7.</span> <span class="nav-text">7. Angularjs</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#8-react"><span class="nav-number">1.8.</span> <span class="nav-text">8. React</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#9-api"><span class="nav-number">1.9.</span> <span class="nav-text">9. 移动端API</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#10-avalon"><span class="nav-number">1.10.</span> <span class="nav-text">10. avalon</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#11-requriejs"><span class="nav-number">1.11.</span> <span class="nav-text">11. Requriejs</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#12-seajs"><span class="nav-number">1.12.</span> <span class="nav-text">12. Seajs</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#13-less-sass"><span class="nav-number">1.13.</span> <span class="nav-text">13. Less,sass</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#14-markdown"><span class="nav-number">1.14.</span> <span class="nav-text">14. Markdown</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#15-d3"><span class="nav-number">1.15.</span> <span class="nav-text">15. D3</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#16-"><span class="nav-number">1.16.</span> <span class="nav-text">16. 兼容性</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#17-ui-"><span class="nav-number">1.17.</span> <span class="nav-text">17. UI相关</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#18-http"><span class="nav-number">1.18.</span> <span class="nav-text">18. HTTP</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#19-api"><span class="nav-number">1.19.</span> <span class="nav-text">19. 其它API</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#20-"><span class="nav-number">1.20.</span> <span class="nav-text">20. 图表类</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#21-vue"><span class="nav-number">1.21.</span> <span class="nav-text">21. vue</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#21-"><span class="nav-number">1.22.</span> <span class="nav-text">21. 正则</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#22-ionic"><span class="nav-number">1.23.</span> <span class="nav-text">22. ionic</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#23-"><span class="nav-number">1.24.</span> <span class="nav-text">23. 其它</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#1-"><span class="nav-number">1.25.</span> <span class="nav-text">1. 各大公司开源项目</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#2-javascript"><span class="nav-number">1.26.</span> <span class="nav-text">2. Javascript</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#14-select"><span class="nav-number">1.27.</span> <span class="nav-text">14. 模拟select</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#15-"><span class="nav-number">1.28.</span> <span class="nav-text">15. 取色插件</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#16-"><span class="nav-number">1.29.</span> <span class="nav-text">16. 城市联动</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#17-"><span class="nav-number">1.30.</span> <span class="nav-text">17. 剪贴板</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#18-"><span class="nav-number">1.31.</span> <span class="nav-text">18. 简繁转换</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#19-grid"><span class="nav-number">1.32.</span> <span class="nav-text">19. 表格 Grid</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#20-"><span class="nav-number">1.33.</span> <span class="nav-text">20. 在线演示</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#21-"><span class="nav-number">1.34.</span> <span class="nav-text">21. 播放器</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#22-"><span class="nav-number">1.35.</span> <span class="nav-text">22. 粒子动画</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#23-"><span class="nav-number">1.36.</span> <span class="nav-text">23. 表单验证</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#24-"><span class="nav-number">1.37.</span> <span class="nav-text">24. 表单美化</span></a></li></ol></li></ol></div>
            

          </div>
        </section>
      <!--/noindex-->
      

      

    </div>
  </aside>


        
      </div>
    </main>

    <footer id="footer" class="footer">
      <div class="footer-inner">
        <div class="copyright">&copy; 2015 &mdash; <span itemprop="copyrightYear">2017</span>
  <span class="with-love">
    <i class="fa fa-user"></i>
  </span>
  <span class="author" itemprop="copyrightHolder">无双的博客</span>

  
</div>


  <div class="powered-by">由 <a class="theme-link" target="_blank" href="https://hexo.io">Hexo</a> 强力驱动</div>



  <span class="post-meta-divider">|</span>



  <div class="theme-info">主题 &mdash; <a class="theme-link" target="_blank" href="https://github.com/iissnan/hexo-theme-next">NexT.Pisces</a> v5.1.2</div>




        




  <script type="text/javascript">
    (function() {
      var hm = document.createElement("script");
      hm.src = "//tajs.qq.com/stats?sId=63778783";
      var s = document.getElementsByTagName("script")[0];
      s.parentNode.insertBefore(hm, s);
    })();
  </script>




        
      </div>
    </footer>

    
      <div class="back-to-top">
        <i class="fa fa-arrow-up"></i>
        
      </div>
    

  </div>

  

<script type="text/javascript">
  if (Object.prototype.toString.call(window.Promise) !== '[object Function]') {
    window.Promise = null;
  }
</script>









  












  
  <script type="text/javascript" src="/blog/lib/jquery/index.js?v=2.1.3"></script>

  
  <script type="text/javascript" src="/blog/lib/fastclick/lib/fastclick.min.js?v=1.0.6"></script>

  
  <script type="text/javascript" src="/blog/lib/jquery_lazyload/jquery.lazyload.js?v=1.9.7"></script>

  
  <script type="text/javascript" src="/blog/lib/velocity/velocity.min.js?v=1.2.1"></script>

  
  <script type="text/javascript" src="/blog/lib/velocity/velocity.ui.min.js?v=1.2.1"></script>

  
  <script type="text/javascript" src="/blog/lib/fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>


  


  <script type="text/javascript" src="/blog/js/src/utils.js?v=5.1.2"></script>

  <script type="text/javascript" src="/blog/js/src/motion.js?v=5.1.2"></script>



  
  


  <script type="text/javascript" src="/blog/js/src/affix.js?v=5.1.2"></script>

  <script type="text/javascript" src="/blog/js/src/schemes/pisces.js?v=5.1.2"></script>



  <script type="text/javascript" src="/blog/js/src/scrollspy.js?v=5.1.2"></script>
<script type="text/javascript" src="/blog/js/src/post-details.js?v=5.1.2"></script>


  

  


  <script type="text/javascript" src="/blog/js/src/bootstrap.js?v=5.1.2"></script>



  


  




	





  





  
    <script type="text/javascript">
      (function(d, s) {
        var j, e = d.getElementsByTagName(s)[0];
        if (typeof LivereTower === 'function') { return; }
        j = d.createElement(s);
        j.src = 'https://cdn-city.livere.com/js/embed.dist.js';
        j.async = true;
        e.parentNode.insertBefore(j, e);
      })(document, 'script');
    </script>
  








  





  

  

  

  

  

  

</body>
</html>
